<template>
  <div>
    <h1>父组件</h1>
     <h1>父传子和子传父</h1>
     <hr>
     <!-- 2 父组件通过 v-bind 结合子组件定义props传参 -->
     <cart-son :city-name="city"   :totalPrice="fdata"
     :star-list="sList"></cart-son>
     <button @click="addCity">增加随机城市</button>
  </div>
</template>
<script>
import cartSon from './child/cartSon.vue'
export default {
  name: 'Cart',
  components:{
    cartSon
  },
  data () {
    return {
      fdata:"总数为：1888888",
      city:"廊坊开发区大学城",
      sList:["郭德刚","于谦","岳云鹏","张云雷"]
    }
  },
  methods: {
    addCity(){
      // 不在子组件改变数据 
      // 在父组件改变数据 子组件自动改变
      let arr=["周杰伦","林俊杰","郭富城"]
      this.sList.push(arr[Math.floor(Math.random()*arr.length)])
    }
  }
}
</script>